@charset "utf-8";
.web {
    width: 100%;
    height: 100%;
    background: url(../img/dz2.jpg) no-repeat left top/cover;
    overflow: hidden;
    .region{
        position: relative;
        width: 65%;
        height: 100%;
        margin: 0 auto;
    }
    .switch {
        position: fixed;
        bottom: 50px;
        left: 30px;
        width: 165px;
        height: 100px;
        .stop{
            width: 100%;
            height: 45%;
            margin-bottom: 5%;
            background: url(../img/stop.png) no-repeat left top/cover;
            text-align: center;
            line-height: 50px;
            cursor: pointer;
            color: yellow;
        }
        .star{
            width: 100%;
            height: 50%;
            background: url(../img/stop.png) no-repeat left top/cover;
            text-align: center;
            line-height: 50px;
            cursor: pointer;
            color: yellow;
        }
    }
    .xinxi{
        position: fixed;
        top: 40px;
        right: 10px;
        width: 50px;
        .checkpoint{
            width: 100%;
            font-size: 30px;
            color: orange;
            .close{
                text-align: center;
            }
        }
        .xue{
            width: 80%;
            img{
                width: 100%;
            }
        }
    }
    .scoring{
        position: fixed;
        right: 10px;
        bottom: 50px;
        width: 180px;
        height: 205px;
        img{
            width: 100%;
        }
        .fraction{
            position: absolute;
            top: 33%;
            left: 35%;
            width: 55px;
            font-size: 28px;
            text-align: center;
        }
    }
}